import { createApp } from 'vue'
import App from './App.vue'

//createApp 函数创建一个新的应用实例

// const app = Vue.createApp({})
// app.component('SearchInput', SearchInputComponent) // 定义一个全局组件
// app.directive('focus', FocusDirective) // 定义一个全局指令
// app.use(LocalePlugin) // 使用全局插件
// 应用实例暴露的大多数方法都会返回该同一实例，允许链式
// Vue.createApp({})
//     .component('SearchInput', SearchInputComponent)
//     .directive('focus', FocusDirective)
//     .use(LocalePlugin)

// 传递给 createApp 的选项用于配置根组件。当我们挂载应用时，该组件被用作渲染的起点。
// 1个应用需要被挂载到一个 DOM 元素中。例如，如果你想把一个 Vue 应用挂载到 <div id="app"></div>，应该传入 #app
// 大多数应用方法不同的是，mount 不返回应用（app）本身。相反，它返回的是根组件实例
const vm = createApp(App).mount('#app')
console.log(vm);
console.log(vm.$data); // 拿到的是app组件中的data
